import React, { Component } from 'react';
import styles from './index.module.less';
import ContactList from './list';
import ContactDetail from './detail.js';

class Contact extends Component {

    render() {
        const { contactid, bannerTips } = this.props;
        return (
            <div className={styles.App}>
                <div className={styles.leftBar}>
                    <ContactList contactid={contactid} />
                </div>
                <div className={styles.rightContent}>
                    <ContactDetail bannerTips={bannerTips} />
                </div>
            </div>
        );
    }
}

export default Contact